<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>长春金桥软件培训</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="author" content="duanliang, duanliang920.com" />
    <link type="text/css" rel="stylesheet"  th:href="@{{path}static/events/css/main.css(path=${rootPath})}" href="../../static/events/css/main.css"/>
    <script type="text/javascript" th:src="@{{path}static/events/js/jquery-1.11.3.min.js(path=${rootPath})}" src="../../static/events/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" th:src="@{{path}static/events/js/main.js(path=${rootPath})}" src="../../static/events/js/main.js"></script>
    <script th:inline="javascript">
        /*<![CDATA[*/
        window.rootPath=[[${rootPath}]];
        /*]]>*/
    </script>
    <style>
        .rule_set {
            width: 90%;
            text-align: left;
            margin-left: 20px;
        }
        .rule1 {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .rule2 {
            font-size: 12px;
        }
        .rule2 li{
            font-size: 12px;
            margin-left: 30px;
        }
    </style>
    <style>
        body{font-size:62.5%;font-family:"Microsoft YaHei",Arial; overflow-x:hidden; overflow-y:auto;}
        .viewport{ max-width:640px; min-width:300px; margin:0 auto; background-color: #d1e8ff}
    </style>
</head>
<body class="viewport">
<div style="display: none">
    <audio th:src="@{{path}static/events/music/dzw_bs.mp3(path=${rootPath})}" src="static/login/music/turntable.mp3" autoplay="" loop="loop"></audio>
</div>

<div style="display: none">
    <form id="eventlogin" action="#" methd="GET" th:action="@{{path}TurntableController/login(path=${rootPath})}"></form>
</div>

<div class="turnplate_box">
    <canvas id="myCanvas" width="300px" height="300px">抱歉！浏览器不支持。</canvas>
    <canvas id="myCanvas01" width="200px" height="200px">抱歉！浏览器不支持。</canvas>
    <canvas id="myCanvas03" width="200px" height="200px">抱歉！浏览器不支持。</canvas>
    <canvas id="myCanvas02" width="150px" height="150px">抱歉！浏览器不支持。</canvas>
    <button id="tupBtn" class="turnplatw_btn"></button>
</div>

<div class="rule_set">
    <div class="rule1">活动规则</div>
    <div class="rule2">1. 活动时间：即日起至2018年12月30日。</div>
    <div class="rule2">2. 活动说明：
        <ul>
            <li>凡在活动期间报名入学的同学都可获得一次大转盘抽奖机会，抽奖机会限当天使用。</li>
            <li>奖品数量有限，先到先得, 奖品发放将以注册的手机号码为准。</li>
            <li>凡参与本活动者，即视为接受活动所有规则。</li>
        </ul>
    </div>
    <div class="rule2">3. 金桥对本次活动享有最终解释权</div>
</div>

<!-- 更改系统默认弹窗 -->
<script type="text/javascript">
    window.alert = function (str) {
        var shield = document.createElement("DIV");
        shield.id = "shield";
        shield.style.position = "absolute";
        shield.style.left = "50%";
        shield.style.top = "50%";
        shield.style.width = "280px";
        shield.style.height = "150px";
        shield.style.marginLeft = "-140px";
        shield.style.marginTop = "-110px";
        shield.style.zIndex = "25";
        var alertFram = document.createElement("DIV");
        alertFram.id = "alertFram";
        alertFram.style.position = "absolute";
        alertFram.style.width = "280px";
        alertFram.style.height = "150px";
        alertFram.style.left = "50%";
        alertFram.style.top = "50%";
        alertFram.style.marginLeft = "-140px";
        alertFram.style.marginTop = "-110px";
        alertFram.style.textAlign = "center";
        alertFram.style.lineHeight = "150px";
        alertFram.style.zIndex = "300";
        strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
        strHtml += " <li style=\"background:#626262;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;color:white\">[中奖提醒]</li>\n";
        strHtml += " <li style=\"background:#787878;text-align:center;font-size:12px;height:95px;line-height:95px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;color:#DCC722\">" + str + "</li>\n";
        strHtml += " <li style=\"background:#626262;text-align:center;font-weight:bold;height:30px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确 定\" onclick=\"doOk()\" style=\"width:80px;height:20px;background:#626262;color:white;border:1px solid white;font-size:14px;line-height:20px;outline:none;margin-top: 4px\"/></li>\n";
        strHtml += "</ul>\n";
        alertFram.innerHTML = strHtml;
        document.body.appendChild(alertFram);
        document.body.appendChild(shield);
        this.doOk = function () {
            alertFram.style.display = "none";
            shield.style.display = "none";
        }
        alertFram.focus();
        document.body.onselectstart = function () {
            return false;
        };
    }
</script>

</body>
</html>